<template>
  <div>
    <van-form @submit="onSubmit">
      <van-field
        input-align="right"
        v-model="name"
        name="姓名"
        label="姓名"
        placeholder="姓名"
        :rules="[{ required: true, message: '请您填写姓名' }]"
      />
      <van-field
        input-align="right"
        v-model="password"
        name="身份证号"
        label="身份证号"
        placeholder="身份证号"
        :rules="[{ required: true, message: '请您填写身份证号' }]"
      />
      <van-field
        input-align="right"
        v-model="username"
        name="电话"
        label="电话"
        placeholder="电话"
        :rules="[{ required: true, message: '请您填写电话' }]"
      />
      <Select
        label="省级地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择省级地区"
      ></Select>
      <Select
        label="市级地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择市级地区"
      ></Select>
      <Select
        label="县级地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择县级地区"
      ></Select>

      <Select
        label="乡镇地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择乡镇地区"
      ></Select>

      <van-field
        input-align="right"
        v-model="username"
        name="户籍地址"
        label="户籍地址"
        placeholder="户籍地址"
        :rules="[{ required: true, message: '请您填写户籍地址' }]"
      />
      <Select
        label="省级地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择省级地区"
      ></Select>
      <Select
        label="市级地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择市级地区"
      ></Select>
      <Select
        label="县级地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择县级地区"
      ></Select>

      <Select
        label="乡镇地区"
        is-link
        readonly
        input-align="right"
        placeholder="请选择乡镇地区"
      ></Select>

      <van-field
        input-align="right"
        v-model="username"
        label="现住地址"
        placeholder="现住地址"
        :rules="[{ required: true, message: '请您填写现住地址' }]"
      />
      <Select
        label="名族"
        is-link
        readonly
        input-align="right"
        placeholder="请选择名族"
      ></Select>
      <van-field name="checkboxGroup" label="人群">
        <template #input>
          <van-checkbox-group direction="horizontal" class="grid column_2">
            <van-checkbox class="grid-item m_unset my_xs" name="1" shape="square">密切接触者</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="2" shape="square">学生</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="3" shape="square">教职工</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="4" shape="square">僧尼</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="5" shape="square">老年人</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="6" shape="square">糖尿病患者</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="7" shape="square">既往结核病患者</van-checkbox>
            <van-checkbox class="grid-item m_unset my_xs" name="8" shape="square">非重点人群</van-checkbox>
          </van-checkbox-group>
        </template>
      </van-field>
      <van-field
        v-model="username"
        label="备注"
        placeholder="备注"
        :rules="[{ required: true, message: '请填写备注' }]"
      />
      <div style="margin: 16px">
        <van-button block type="primary" native-type="submit">
          保存
        </van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import Select from '@/components/common/select.tsx';
export default defineComponent({
  name: 'Center',
  components: {
    Select,
  },
  setup() {
    return {};
  },
});
</script>

<style></style>

